.container{  width: 1200px;  background: #fff;  padding: 30px 0;  margin:10px auto;  overflow: hidden;	}
.container .menu{  width: 20%;  margin-left: 10px;  float: left;  border-right: 1px solid #aaa; background: #f5f5f5;margin-right: 20px; }
.container .self{ width: 196px;padding: 20px 2px;}
.container .menu h3{  font-size: 16px;  cursor: pointer; border-bottom: 1px dashed #aaa; text-align: center;  margin: 15px 0;;padding: 10px 0;border-top: 1px dashed #aaa;}
.container .menu ul{  display: none;  }
.container .menu ul li{  height: 35px;  line-height:35px;  text-align: center;	}
.container .menu ul li a:hover{  background: #1abb9c;  border-radius: 14px;  -webkit-border-radius: 14px;  -moz-border-radius: 14px;  -moz-border-radius:14px;  color:#fff;  }
.container .menu  a{  font-size: 14px;  display: block;  width: 120px;  height: 30px;line-height: 30px;  margin-left: 40px;  }
.container .menu .selected{  background: #f5cd63;  border-radius: 14px; color: #fff; }
.container .content{   width: 75%;  margin-left: 230px;  }
.container .content .tab {  display: none;  }
.container .content .active{ display: block; }
/*u1menu1*/

.menu1 .menu_top{width: 75%;height: 40px;color: #333; font-size: 14px;border-bottom: 2px solid #333; }
.menu1 .menu_top p{ padding-left: 10px;padding-right: 10px;margin-top: 4px;}
.menu1 .menu_top p.fl{ margin-top:21px;border-bottom: 2px solid #f42222;}
.menu1 .menu_top .search{  width: 200px;height:20px;line-height:20px;padding: 5px 30px 5px 10px; border:1px solid #333;}
.menu1 .menu_top .button{padding: 8px 10px; background: #000;border: 0;border-bottom: 1px solid #333;color: #fff;}
/*.menu1 .menu_top  i{ display: inline-block;padding: 7px 10px;background: #000;color: #fff;font-size: 12px; }*/
.menu1 li p,.menu1>div>ul{ display: inline-block;vertical-align: middle;margin-right: 10px; }
.menu1>div ul.order_state{ border-bottom: 1px solid #aaa;width:960px; }
.menu1>div ul.order_state li{ display: inline-block;padding: 10px 45px; color: #333; font-size: 14px;position: relative;}
.menu1>div ul.order_state li.on{ color: #f5cd63;background: #f5f5f5;}
.menu1>div .order_t{ width: 960px;  border-bottom: 1px solid #ccc;}
.menu1>div .order_t span{ width: 95px; text-align: center;display: inline-block;height:40px;line-height: 40px;}
.menu1>div .order_t span:first-child{ width: 350px; }
.menu1>div>.menu_order { width: 960px;border: 1px solid #ccc; margin-top: 20px;}
.menu1>div>.menu_order>div{ display: none;}
.menu1>div>.menu_order>div:nth-child(2){ display:block;}
.menu1>div>div .order_title{ border-bottom: 1px solid #ccc;width: 960px;}
.menu1>div>div .order_list li{ border-bottom: 1px solid #ccc;}
.menu1>div>div .order_list li:last-child{ border-bottom: 0;}
.menu1>div>div li .order_title> span{ display: inline-block;padding:10px 50px 10px 20px;}
.menu1>div>div li div{ display: inline-block;border-right:1px solid #ccc;vertical-align: top;}
.menu1>div>div li .or1{ padding: 10px 5px 10px 10px; width: 350px;}
.menu1>div>div li .or1> span{  width: 250px; vertical-align: top; display: inline-block; overflow: hidden;padding-right: 2px;}
.menu1>div>div li .or1>span.img{ width: 80px;margin-right: 10px;}
.menu1>div>div li span img{ width: 80px;height: 80px;}
.menu1>div>div li .or2{ width: 90px; text-align: center;padding-top: 20px;height: 84px;}
.menu1>div>div li .or3,
.menu1>div>div li .or4,
.menu1>div>div li .or5,
.menu1>div>div li .or6{ width: 90px; text-align: center;padding-top: 20px;height: 84px;}
.menu1>div>div li .or7{ width: 105px;text-align: center;padding-top: 20px;height: 84px;border-right: 0;}
.menu1>div>div li .or6 a,.menu1>div>div li .or7  a{ color: #f42222; display: inline-block;margin-bottom: 5px;}
.menu1>div>div li .or7  .order_pay a{ display: inline-block;padding: 2px 10px;border: 1px solid #999;color: #666;}



.tabs {
    /*z-index: 15;*/
    position: relative;
    background: #FFFFFF;
    width: 970px;
    border-radius: 4px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    margin: 0 auto ;
    overflow: hidden;
}
.tabs-header {
    position: relative;
    /*background: #4285F4;*/
    background: #4285F4;
    overflow: hidden;
}
.tabs-header .border {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #F4B142;
    width: auto;
    height: 2px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.tabs-header>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - 68px);
}
.tabs-header>ul>li {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.tabs-header a {
    z-index: 1;
    display: block;
    box-sizing: border-box;
    padding: 15px 30px;
    color: #FFFFFF;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
}
.tabs-nav {
    position: absolute;
    top: 0;
    right: 0;
    background: #4285F4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 10px;
    color: #FFFFFF;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tabs-nav:before {
    content: '';
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    box-shadow: 0 0 20px 10px #4285F4;
}
.tabs-nav i {
    border-radius: 100%;
    cursor: pointer;
}
.tabs-content {
    position: relative;
    padding: 15px 20px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    overflow: hidden;
}
.tabs-content:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    box-shadow: 0 0 20px 10px #FFFFFF;
}
.tabs-content .tab {
    display: none;
}
.tabs-content .tab.active {
    display: block;
}
